// 公共变量 --储存用户输入信息
let mobile = ''; //手机号码
let verifyCode = ''; //短信验证码
let password = ''; //密码
let timer = null; //定时器
// 阻止表单提交
$('form').on("submit", function() {
	console.log("阻止默认表单提交")
	return false;
})
// 一 、验证手机号码
// 1、1手机号码输入事件
$('#card-phone').on('input', function(e) {
	let phone = parseInt($('#card-phone').val());
	// 正则判断是否符合号码
	if (!/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/.test(phone)) {
		// 显示提示信息
		$(".from-item1>.input-group>.invalid-feedback").css({
			display: 'block'
		})
		return;
	}
	// 显示提示信息
	$(".from-item1>.input-group>.invalid-feedback").css({
		display: 'none'
	});
	// 显示提示信息
	$(".from-item1>.input-group>.valid-feedback").css({
		display: 'block'
	})
	// 储存手机号
	mobile = $('#card-phone').val().trim();
})
// 1、2、获取验证码
$(".verification>.getver").on('click', function() {
	//判断电话号码填写
	if (mobile == '') {
		return;
	}
	// 发送ajax请求
	$.ajax({
		url: "http://phpclub.org.cn:8080/api/user/sendVerify",
		type: "get",
		dataType: "json",
		data: `mobile=${mobile}`,
		success: function(datas) {
			//判断数据返回正常
			if (datas.msg != "ok") {
				return;
			}
			//判断是否是同样号码
			if (mobile != datas.data.mobile) {
				return;
			}
			//储存验证码
			verifyCode = datas.data.verifyCode;
			// 直接放在验证码 --模拟输入
			$("#ver").val(verifyCode);
			//禁用按键
			$(".verification>.getver").attr({
				disabled: "disabled"
			})
			//设置60秒后才能再次获取
			let time = 6;
			timer = setInterval(function() {
				time--;
				$(".verification>.getver").text(time + "后获取");
				// 定时器退出条件
				if (time <= 0) {
					//解禁按键
					$(".verification>.getver").removeAttr('disabled');
					$(".verification>.getver").text('获取验证码');
					clearInterval(timer)
				}
			}, 1000)
		}
	})
})
//1、3 下一步按键事件
$(".from-item1 .next").on('click', function() {
	let phone = parseInt($('#card-phone').val());
	// 正则判断是否符合号码
	if (mobile == '') {
		// 显示提示信息
		$(".from-item1>.input-group>.invalid-feedback").css({
			display: 'block'
		})
		return;
	}
	// 显示提示信息
	$(".from-item1>.input-group>.invalid-feedback").css({
		display: 'none'
	});
	// 显示提示信息
	$(".from-item1>.input-group>.valid-feedback").css({
		display: 'block'
	})
	//判断验证码存在
	if (verifyCode == "") {
		console.log("验证码未");
		return;
	}
	//清除定时器
	clearInterval(timer);
	// 2、更改注册进度显示
	//获取类名
	let className = $('.pro-bar  .proitem2').attr('class');
	$('.pro-bar  .proitem2').attr({
		class: `${className} active`
	})
	// 3、隐藏验证手机号码盒子
	$('.from-item1').css({
		display: 'none'
	});
	//4、显示填写账号盒子
	$('.from-item2').css({
		display: 'block'
	});
})

// 二、填写账号信息
$('#register').on('click', function() {
	// 获取两次密码
	let passwd = $('#passwd').val().trim();
	let repasswd = $('#repasswd').val().trim();
	if (passwd != repasswd) {
		// 密码不一致提示
		$(this).attr({
			'data-toggle': "modal"
		});
		return;
	}
	//储存密码
	password = repasswd;
	// 最后一次判断用户全部信息
	if (mobile == '' || verifyCode == '' || password == '') {
		return;
	}
	$.ajax({
		url: 'http://phpclub.org.cn:8080/api/user/register',
		type: 'POST',
		dataType: "json",
		data: `mobile=${mobile}&verifyCode=${verifyCode}&password=${password}`,
		success: function(datas) {
			//判断注册成功
			if (datas.msg != 'ok') {
				return;
			}
			//获取类名
			let className = $('.pro-bar  .proitem3').attr('class');
			$('.pro-bar  .proitem3').attr({
				class: `${className} active`
			})
			// 3、隐藏填写账号盒子
			$('.from-item2').css({
				display: 'none'
			});
			//4、显示注册成功盒子
			$('.from-item3').css({
				display: 'block'
			});
			//4、储存成功后的登录信息
			console.log(datas)
			let da = datas.data;
			//5、利用cookie储存用户信息
			document.cookie =
				`jd=id=${da.id}&mobile=${da.mobile}&nickname=${da.nickname}&password=${da.password}; path=/`;
		}
	})
})

// 三、 注册成功
$('#relogin').on("click", function() {
	//根据public.js文件封装的函数获取cookie
	location.href = "../index.html?" + getCookie('jd');
})

// 拓展
